<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<ui:composition template="/template/template-padrao.xhtml">>

	<ui:define name="titulo">Manter categorias</ui:define>

	<ui:define name="baseCorpo">

		<h:form id="cadastroCategoriaForm">
		
			<script type="text/javascript">
				jQuery(function(){
					jQuery('input[id*=categoria]').focus();
				});
			</script>

			<h1 class="titulo-tela">Manter categorias</h1>

			<p:panel id="panelCadastrarCategoria">

				<h1 class="ui-panel-titlebar ui-widget-header ui-corner-all">Dados cadastrais</h1>

				<h:panelGrid columns="1" cellspacing="10">
					<h:column>
						<h:outputLabel for="categoria" value="* Categoria:" />
						<br />
						<p:inputText id="categoria" style="width:260px;"
							value="#{manterCategoriasBean.categoria.nmCategoria}"
							label="Categoria" />

					</h:column>
				</h:panelGrid>

				<br />

			</p:panel>

			<br />
			<div align="right"><p:commandButton id="btn" value="Salvar"
				update="msgSistema, cadastroCategoriaForm, listaCategoria"
				actionListener="#{manterCategoriasBean.salvarCategoria}"
				style="margin-left:5px;" /> <p:commandButton id="botaoLimpar"
				value="Limpar" update="msgSistema, cadastroCategoriaForm, listaCategoria"
				actionListener="#{manterCategoriasBean.limparCampos}"
				style="margin-left:5px;" /> </div>

		</h:form>

		<h:form id="listaCategoria">

			<br />
			<br />
			<p:accordionPanel autoHeight="false" collapsible="true" style="padding:0;">
			<p:tab title="Categorias">
			
				<p:dataTable id="listaCadastroCategoria" var="categoria"
					paginator="true" rows="10" paginatorPosition="bottom"
					value="#{manterCategoriasBean.todosCategoria}"
					emptyMessage="Nenhuma categoria encontrada">
	
					<p:column  filterBy="#{categoria.nmCategoria}"
						headerText="Categoria" filterMatchMode="contains">
						<h:outputText value="#{categoria.nmCategoria}" />
	
					</p:column>
	
					<p:column style="width:100px;" headerText="Ações">
						<p:commandButton update="cadastroCategoriaForm"
							image="ui-icon ui-icon-pencil" immediate="true">
							<f:setPropertyActionListener value="#{categoria}"
								target="#{manterCategoriasBean.categoria}" />
							
						</p:commandButton>
						<p:commandButton oncomplete="confirmation.show()"
							image="ui-icon ui-icon-trash" immediate="true">
							<f:setPropertyActionListener value="#{categoria}"
								target="#{manterCategoriasBean.categoriaAux}" />
						</p:commandButton>
					</p:column>
	
				</p:dataTable>
			
			</p:tab>
			</p:accordionPanel>

		</h:form>

		<h:form>
			<p:confirmDialog message="Deseja excluir o registro?"
				header="Confirmação" severity="alert" widgetVar="confirmation">

				<p:commandButton value="Sim"
					update="cadastroCategoriaForm, msgSistema, listaCategoria"
					oncomplete="confirmation.hide()" immediate="true"
					actionListener="#{manterCategoriasBean.excluirCategoria}" />
				<p:commandButton value="Não" onclick="confirmation.hide()"
					type="button" immediate="true" />

			</p:confirmDialog>
		</h:form>

	</ui:define>

</ui:composition>
</html>